<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>RocketQA Demo</title>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" rel="stylesheet">
    <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet'>
    <link href='https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.3/jquery.mCustomScrollbar.min.css'
          rel='stylesheet'>
    <link href="./style.css" rel="stylesheet">

</head>
<body>
<!-- partial:index.partial.html -->
<!--

Follow me on
Dribbble: https://dribbble.com/supahfunk
Twitter: https://twitter.com/supahfunk
Codepen: https://codepen.io/supah/

It's just a concept, a fake chat to design a new daily UI for direct messaging.
Hope you like it :)

-->

<div class="chat">
    <div class="chat-title">
        <h1>RocketQA Simple Demo</h1>
        <h2>Powered by Jina</h2>
        <figure class="avatar">
            <img src="https://api.jina.ai/logo/logo-product/jina-core/logo-only/colored/Product%20logo_Core_Colorful%402x.png"/>
        </figure>
    </div>
    <div class="messages">
        <div class="messages-content"></div>
    </div>
    <div class="message-box">
        <textarea class="message-input" placeholder="Type message..." type="text"></textarea>
        <button class="message-submit" type="submit">Send</button>
    </div>
</div>

<div class="service-addr">
    Chatbox UI credited to https://codepen.io/supah/ Copyright reserved Fabio Ottaviani<br>
    <label for="jina-server-addr">Jina service address</label> <input id="jina-server-addr" name="jina-server-addr"
                                                                      type="text" value="http://localhost:8886"><br>

</div>
<div class="bg"></div>

<!-- partial -->
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.3/jquery.mCustomScrollbar.concat.min.js'></script>
<script src="./script.js"></script>

</body>
</html>
